<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- <link rel="stylesheet" type="text/css" href="css/ElementUI.css"/> -->
		<!-- <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- <script src="js/EmelentUI.js" type="text/javascript" charset="utf-8"></script> -->
		<link rel="stylesheet" href="./layui/css/layui.css">
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
		<style>
			#t1 {
				background-color: #e4f7d6;
				width: 100%;
			}

			#t1 td,
			#t1 th {
				border: 1px solid black;

			}

			html,
			body {
				height: 100%;
				padding: 0;
				margin: 0;

			}

			header {
				height: 90px;

			}

			#content {
				width: 90%;
				margin: 0 auto;
			}

			.title1 {
				font-size: 32px;
				text-align: center;
				position: absolute;
				display: block;
				padding-top: 10px;
				width: 100%;

			}

			#t1 .tableTitle {
				background-color: white;
				text-align: center;
				font-weight: bold;
				font-size: 22px;
				color: black;
			}

			#t1 th {
				background-color: white;
				text-align: center;
			}

			footer {
				height: 40px;

			}
		/* 	input[type=checkbox]{
				zoom:200px;
				
			} */
		</style>

	</head>
	<body>
		<header>

			<h1 class="title1">电子评标系统(专家页面)</h1>
		</header>
		<div id="content">
			<button type="button" class="layui-btn layui-btn-lg layui-btn-normal">保存</button>
			<button type="button" class="layui-btn layui-btn-lg ">提交</button>
			<button type="button" class="layui-btn layui-btn-primary layui-border-green layui-btn-lg">返回</button>
			<table id="t1" class="layui-table">
				<colgroup>
					<col width="50">
					<col width="200">
					<col width="400">
					<col width="100">
					<col width="100">
					<col width="100">
					<col width="100">
				</colgroup>
				<thead>
					<tr>
						<th class="tableTitle" colspan="7">初步评审表</th>
					</tr>
					<tr>
						<th colspan="7" style="text-align: left;">工程名称：<span id="projectName"></span></th>
					</tr>
					<tr>
						<th rowspan="2">序号</th>
						<th rowspan="2">评审因素</th>
						<th rowspan="2">评审标准</th>
						<th colspan="4">投标人是否满足要求（符合打钩，不答打X）</th>
					</tr>
					<tr>
						<th style="height:16px"> </th>
						<th></th>
						<th></th>
						<th></th>
					</tr>
				</thead>
				<tbody id="tb1">
				</tbody>
			</table>
		</div>
		<footer></footer>
	</body>
	<script type="text/javascript">
		const cn = ["一", "二", "三", "四", "五", "六", "七", "八", "九"];
		const table = document.getElementById("tb1")
		let data = [{
				name: "形式评审标准",
				children: [{
						name: "投标人名称",
						content: "与营业执照、资质证书一致"
					}, {
						name: "投标函签字盖章",
						content: "有法定代表人（单位铀人）或其委托代理人签字或加盖单位章。由法定代表人（单位负责人）签字的，应附法定代表人（单位负责人）身份证明，由代理人签字的，应附授权委托书，身份证明或授权委托书应符合第六章“投标文件格式”的规定"
					},
					{
						name: "投标文件格式",
						content: "符合第六章“投标文件格式”的规定"
					},
					{
						name: "备选投标方案",
						content: "除招标文件明确允许提交备选投标方案外，投标人不得提交备选投标方案"
					}
				]
			}, {
				name: "资格评审标准",
				children: [{
					name: "营业执照",
					content: "符合第二章“投标人须知”第3.5.1项规定，具备有效的营业执照"

				}, {
					name: "资质要求",
					content: "符合第二章“投标人须知”第1.4.1项规定"

				}, {
					name: "财务要求",
					content: "符合第二章“投标人须知”第1.4.1项规定"

				}, {
					name: "业绩要求",
					content: "符合第二章“投标人须知”第1.4.1项规定"

				}, {
					name: "信誉要求",
					content: "符合第二章“投标人须知”第1.4.1项规定"

				}, {
					name: "其它要求",
					content: "符合第二章“投标人须知”第1.4.1项规定"

				}, {
					name: "不符合禁止投标的情形",
					content: "不存在第二章“投标人须知”第1.4.3项规定的任何一种情形"

				}]
			}, {
				name: "响应性评审标准",
				children: [{
					name: "投标报价",
					content: "符合第二章“投标人须知”第 3.2 款规定"
				}, {
					name: "设备报价清单",
					content: "符合第二章“投标人须知”第 3.2 款规定"
				}, {
					name: "投标内容",
					content: "符合第二章“投标人须知”第 1.3.1 项规定"
				}, {
					name: "交货期",
					content: "符合第二章“投标人须知”第 1.3.2 项规定"
				}, {
					name: "交货地点",
					content: "符合第二章“投标人须知”第 1.3.3 项规定"
				}, {
					name: "技术性能指标",
					content: "符合第二章“投标人须知”第 1.3.4 项规定"
				}, {
					name: "投标有效期",
					content: "符合第二章“投标人须知”第 3.3.1 项规定"
				}, {
					name: "权利义务",
					content: "符合第二章“投标人须知”第 1.11.1 项规定和第四章“合同条款及格式”中的实质性要求和条件。"
				}, {
					name: "投标设备及技术服务和质保期服务",
					content: "符合第五章“供货要求”中的实质性要求和条件"
				}, {
					name: "技术支持资料",
					content: "符合第二章“投标人须知”第 1.11.3 项规定"
				}, ]

			}, {
				name: "审查意见",
			}

		]
		document.getElementById("projectName").innerText = "AAA工程"
		const renderTable = data => {
			const cnsn = cn;
			const createRow = (sn, type, item, content) => {
				let tr = document.createElement("tr")
				switch (parseInt(type)) {
					case 1:
						htmlCode = [
							"<td>" + sn + "</td>",
							"<td colspan = 2>" + item + "</td>",
							"<td></td>",
							"<td></td>",
							"<td></td>",
							"<td></td>"
						].join("")
						tr.innerHTML = htmlCode
						table.appendChild(tr)
						break;
					case 2:
						htmlCode = [
							"<td>" + sn + "</td>",
							"<td>" + item + "</td>",
							"<td>" + content + "</td>",
							"<td></td>",
							"<td></td>",
							"<td></td>",
							"<td></td>"
						].join("")
						tr.innerHTML = htmlCode
						table.appendChild(tr)
						break;

				}


			}
			for (let i = 0; i < data.length; i++) {
				createRow(cnsn[i], 1, data[i].name)
				if (data[i].children) {
					let child = data[i].children
					for (let j = 0; j < child.length; j++) {
						createRow(j + 1, 2, child[j].name, child[j].content)
					}

				}
			}

		}
		renderTable(data)
		layui.use("table", _ => {


		})
	</script>
</html>
